.UserLogin {
  height: 100%;
  background: @layout-body-background url('https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg') no-repeat center 110px;
  background-size: 100%;

  .wrapper {
    margin: 0 auto;
    padding: 144px 0 24px;
  }

  .hd {
    text-align: center;

    .logo {
      height: 44px;
      vertical-align: top;
      margin-right: 16px;
    }

    .title {
      font-weight: 600;
      font-size: 28px;
      color: @heading-color;
    }
  }

  .bd {
    width: 320px;
    margin: 56px auto 0;

    .control {
      border-radius: 0;

      .ant-input-prefix {
        font-size: @font-size-lg;
      }

      .ant-input {
        border-radius: 0;

        &:not(:first-child) {
          padding-left: 34px;
        }

        &.ant-input-lg {
          font-size: @font-size-base;
        }
      }
    }

    .ant-form-explain {
      margin-top: 0;
      margin-bottom: -3px;
      font-size: 12px;
    }
  }

  @media screen and (max-width: @screen-sm) {
    .wrapper {
      padding-top: 56px;
    }

    .hd {

      .logo {
        display: block;
        height: 60px;
        margin: 0 auto 10px;
      }

      .title {
        font-size: 20px;
      }
    }

    .bd {
      width: 95%;
      margin-top: 60px;
    }
  }
}
